<!DOCTYPE html>
<html>
<head>
    <style type="text/css">
        @charset "UTF-8";
        [ng\:cloak],
        [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide {
            display: none !important;
        }

        ng\:form {
            display: block;
        }

        .ng-animate-block-transitions {
            transition: 0s all !important;
            -webkit-transition: 0s all !important;
        }</style>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>电竞测试题</title>
    <link rel="stylesheet" href="css/index.css"/>
    <script type="text/javascript" src="js/hilo-standalone.js"></script>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jweixin-1.2.0.js"></script>

    <script type="text/javascript">
        var w = document.documentElement ? document.documentElement.clientWidth : document.body.clientWidth;
        var zoom = w / 1077;

        var fontsize = 100 * zoom;
        var dom = document.getElementsByTagName('html')[0];
        dom.setAttribute('style', 'font-size: ' + fontsize + 'px');

        var audio = Hilo.WebSound.getAudio({
            src: './sound/sound.mp3',
            loop: false,
            volume: 2
        }).load()

        window.maxWidth = 894;
        window.maxHeigth = 570;
        window.scale = Math.ceil((894 * zoom / maxWidth) * 100) / 100 - 0.01;

        //###############################

        var imgUrl = "http://static.iboom.tv/static/img/timg.jpg";  //注意必须是绝对路径


        window.title = "电竞终极测试题";
        window.initWx = function (data) {


            wx.config({
                debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                appId: 'wx54ffe64ebc23fe09', // 必填，公众号的唯一标识
                timestamp: data.timestamp, // 必填，生成签名的时间戳
                nonceStr: data.nonceStr, // 必填，生成签名的随机串
                signature: data.signature,// 必填，签名，见附录1
                jsApiList: ["onMenuShareTimeline", "onMenuShareAppMessage", "onMenuShareQQ", "onMenuShareWeibo", "onMenuShareQZone"] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
            });

            wx.onMenuShareTimeline({
                title: window.title, // 分享标题
                link: 'http://static.iboom.tv/static/h5/index.html', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: imgUrl, // 分享图标
                success: function () {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });

            wx.onMenuShareAppMessage({
                title: window.title, // 分享标题
                desc: window.title, // 分享描述
                link: 'http://static.iboom.tv/static/h5/index.html', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: imgUrl, // 分享图标
                type: 'link', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function () {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });
        }
    </script>
    <script src="http://120.27.141.187:8082/wxSign?url=http://static.iboom.tv/static/h5/index.html&callback=initWx"></script>
    <script type="text/javascript" src="js/Q1Game.js"></script>
    <script type="text/javascript" src="js/Q2Game.js"></script>
</head>


<body ng-app='myApp' ng-controller="containerController" ng-cloak>
<div id="bg" ng-class='{true:"blur",false:""}[q6Error]'></div>
<div ng-show="showList[0]">
    <div class="maginbg">
        <img src="img/mianbg.png" alt=""/>
    </div>
    <div class="userinfo">
        <input type="text" placeholder="考生姓名" ng-model="name"/>

        <div class="rank" ng-click="rankList=!rankList"><img src="img/icon-jiao.png" alt=""/>{{rank?rank:"考生段位"}}</div>
        <div class="chackrank" ng-show="rankList">
            <ul>
                <li ng-click="rank='青铜';rankList=!rankList">青铜</li>
                <li ng-click="rank='白银';rankList=!rankList">白银</li>
                <li ng-click="rank='黄金';rankList=!rankList">黄金</li>
                <li ng-click="rank='白金';rankList=!rankList">白金</li>
                <li ng-click="rank='钻石';rankList=!rankList">钻石</li>
                <li ng-click="rank='大师';rankList=!rankList">大师</li>
                <li ng-click="rank='王者';rankList=!rankList">王者</li>
            </ul>
        </div>
    </div>
    <div class="start">
        <a href="" ng-click="showSecond()"></a>
    </div>
</div>
<div ng-show="showList[1]">
    <div class="body-title">
        <img src="img/tname1.png" alt=""/>
    </div>
    <div class="body-content">
    	<div class="title">
    		<img class="img1" src="img/7.png" alt="" />
    		<img class="img2" src="img/1.png" alt="" style="width: 0.18rem;" />
    		<img class="img3" src="img/6.png" alt="" />
    	</div>
        <div id="question1">
            <img src="img/question1.png" alt=""/>
        </div>
        <div id="g1"></div>
    </div>
    <div class="body-foot">
        <div class="bf-left">
            <a class="error" ng-show="q1Statues[0]"></a>
            <a class="correct" ng-show="q1Statues[1]"></a>
            <a class="loading" ng-show="q1Statues[2]"></a>
        </div>
        <div class="bf-right">
            <a href="" ui-sref='question2'></a>
        </div>
    </div>

</div>

<div ng-show="showList[2]">
    <div class="body-title">
        <img src="img/tname2.png" alt=""/>
    </div>
    <div class="body-content">
    	<div class="title">
    		<img class="img1" src="img/7.png" alt="" />
    		<img class="img2" src="img/2.png" alt="" style="width: 0.29rem;" />
    		<img class="img3" src="img/6.png" alt="" />
    	</div>
        <div id="question2">
            <img src="img/question2.png"/>
        </div>
        <div id="game2"></div>
    </div>
    <div class="body-foot">
        <div class="bf-left">
            <a class="error" ng-show="q2Statues[0]"></a>
            <a class="correct" ng-show="q2Statues[1]"></a>
            <a class="loading" ng-show="q2Statues[2]"></a>
        </div>
        <div class="bf-right">
            <a ui-sref='question3'></a>
        </div>
    </div>
</div>
<div ng-show="showList[3]">
    <div class="body-title">
        <img src="img/tname3.png" alt=""/>
    </div>
    <div class="body-content">
    	<div class="title">
    		<img class="img1" src="img/7.png" alt="" />
    		<img class="img2" src="img/3.png" alt="" style="width: 0.29rem;" />
    		<img class="img3" src="img/6.png" alt="" />
    	</div>
        <div class="question3">
            <img src="img/question3.png" alt=""/>
        </div>
        <div class="question3con">
            <div class="option">
                <ul>
                    <li ng-click="addClick('Q')">
                        <a>
                            <img src="img/jinengq.jpg" alt=""/>
                        </a>

                        <p>Q</p>
                    </li>
                    <li ng-click="addClick('W')">
                        <a href="">
                            <img src="img/jinengw.jpg" alt=""/>
                        </a>

                        <p>W</p>
                    </li>
                    <li ng-click="addClick('E')">
                        <a href="">
                            <img src="img/jinenge.jpg" alt=""/>
                        </a>

                        <p>E</p>
                    </li>
                    <li ng-click="addClick('R')">
                        <a href="">
                            <img src="img/jinengr.jpg" alt=""/>
                        </a>

                        <p>R</p>
                    </li>
                </ul>
            </div>
            <div class="answer">
                <ul>
                    <li ng-repeat="click in clicks track by $index"><span>{{click}}</span></li>
                </ul>
            </div>
            <div class="redo">
                <a ng-click="clicks=[]"><span>重置</span></a>
            </div>
        </div>
    </div>
    <div class="body-foot">
        <div class="bf-left">
            <a class="error" ng-show="q3Statues[0]"></a>
            <a class="correct" ng-show="q3Statues[1]"></a>
            <a class="loading" ng-show="q3Statues[2]"></a>
        </div>
        <div class="bf-right">
            <a href=""></a>
        </div>
    </div>

</div>
<div ng-show="showList[4]">
    <div class="body-title">
        <img src="img/tname4.png" alt=""/>
    </div>
    <div class="body-content">
    	<div class="title">
    		<img class="img1" src="img/7.png" alt="" />
    		<img class="img2" src="img/4.png" alt="" style="width: 0.31rem;" />
    		<img class="img3" src="img/6.png" alt="" />
    	</div>
        <div class="question4">
            <img src="img/question4.png" alt=""/>
        </div>
        <div class="question4con">
            <ul>
                <li>
                    <input type="radio" name="questions4" value="" ng-click='voiceRadioCheck(1,$event)'/>
                    <span>A.音效一</span>
                    <a href="" onclick="document.getElementById('v1').play()">
                        <img src="img/laba.png" alt=""/>
                    </a>
                    <audio src="sound/A.mp3" id="v1">您的浏览器不支持audio标签</audio>
                </li>
                <li>
                    <input type="radio" name="questions4" value="" ng-click='voiceRadioCheck(2,$event)'/>
                    <span>B.音效二</span>
                    <a href="" onclick="document.getElementById('v2').play()">
                        <img src="img/laba.png" alpit=""/>
                    </a>
                    <audio src="sound/B.mp3" id="v2">您的浏览器不支持audio标签</audio>
                </li>
                <li>
                    <input type="radio" name="questions4" value="" ng-click='voiceRadioCheck(3,$event)'/>
                    <span>C.音效三</span>
                    <a href="" onclick="document.getElementById('v3').play()">
                        <img src="img/laba.png" alt=""/>
                    </a>
                    <audio src="sound/C.mp3" id="v3">您的浏览器不支持audio标签</audio>
                </li>
                <li>
                    <input type="radio" name="questions4" value="" ng-click='voiceRadioCheck(4,$event)'/>
                    <span>D.音效四</span>
                    <a href="" onclick="document.getElementById('v4').play()">
                        <img src="img/laba.png" alt=""/>
                    </a>
                    <audio src="sound/D.mp3" id="v4">您的浏览器不支持audio标签</audio>
                </li>
            </ul>
        </div>
    </div>
    <div class="body-foot">
        <div class="bf-left">
            <a class="error" ng-show="q4Statues[0]"></a>
            <a class="correct" ng-show="q4Statues[1]"></a>
            <a class="loading" ng-show="q4Statues[2]"></a>
        </div>
        <div class="bf-right">
            <a href="" ui-sref='question5'></a>
        </div>
    </div>

</div>
<div ng-show="showList[5]">
    <div class="body-title">
        <img src="img/tname5.png" alt=""/>
    </div>
    <div class="body-content">
    	<div class="title">
    		<img class="img1" src="img/7.png" alt="" />
    		<img class="img2" src="img/5.png" alt="" style="width: 0.29rem;" />
    		<img class="img3" src="img/6.png" alt="" />
    	</div>
        <div class="question5">
            <img src="img/question5.png" alt=""/>
        </div>
        <div class="question5con">
            <ul>
                <li ng-class="{true: 'on', false: ''}[q5Selected[0]]">
                    <input type="checkbox" name="" ng-click="itemRadioCheck(0,$event)"/>
                    <span>A.</span>

                    <div><img src="img/A1.jpg" alt=""/></div>
                    <div><img src="img/A2.jpg" alt=""/></div>
                </li>
                <li ng-class="{true: 'on', false: ''}[q5Selected[1]]">
                    <input type="checkbox" name="" ng-click="itemRadioCheck(1,$event)"/>
                    <span>B.</span>

                    <div><img src="img/B1.jpg" alt=""/></div>
                    <div><img src="img/B2.jpg" alt=""/></div>
                </li>
                <li ng-class="{true: 'on', false: ''}[q5Selected[2]]">
                    <input type="checkbox" name="" ng-click="itemRadioCheck(2,$event)"/>
                    <span>C.</span>

                    <div><img src="img/C1.jpg" alt=""/></div>
                    <div><img src="img/C2.jpg" alt=""/></div>
                </li>
                <li ng-class="{true: 'on', false: ''}[q5Selected[3]]">
                    <input type="checkbox" name="" ng-click="itemRadioCheck(3,$event)"/>
                    <span>D.</span>

                    <div><img src="img/D1.jpg" alt=""/></div>
                    <div><img src="img/D2.jpg" alt=""/></div>
                </li>
            </ul>
        </div>
    </div>
    <div class="body-foot">
        <div class="bf-left">
            <a class="error" ng-show="q5Statues[0]"></a>
            <a class="correct" ng-show="q5Statues[1]"></a>
            <a class="loading" ng-show="q5Statues[2]"></a>
        </div>
        <div class="bf-right">
            <a href="" ui-sref='question6'></a>
        </div>
    </div>

</div>


<div>
    <div ng-show="showList[6]" ng-class='{true:"blur",false:""}[q6Error]'>
    	<div class="body-title">
	        <img src="img/tname4.png" alt=""/>
	    </div>
	    <div class="body-content">
	    	<div class="title">
    		<img class="img1" src="img/7.png" alt="" />
    		<img class="img2" src="img/6.png" alt="" style="width: 0.29rem;" />
    		<img class="img3" src="img/6.png" alt="" />
    	</div>
	        <div class="question6">
	            <img src="img/question6-1.png" alt=""/>
	        </div>
	        <div class="question4con">
	            <ul>
	                <li>
	                    <input type="radio" name="questions4" ng-click="zyCheck(1,$event)"/>
	                    <span>A.盲僧</span>
	                </li>
	                <li>
	                    <input type="radio" name="questions4" ng-click='zyCheck(2,$event)'/>
	                    <span>B.阿木木</span>
	                </li>
	                <li>
	                    <input type="radio" name="questions4" ng-click='zyCheck(3,$event)'/>
	                    <span>C.爆破鬼才</span>
	                </li>
	                <li>
	                    <input type="radio" name="questions4" ng-click='zyCheck(4,$event)'/>
	                    <span>D.瘟疫之源</span>
	                </li>
	            </ul>
	        </div>
	    </div>
	    <div class="body-foot">
	        <div class="bf-left">
	            <a class="error" ng-show="q6Statues[0]"></a>
	            <a class="correct" ng-show="q6Statues[1]"></a>
	            <a class="loading" ng-show="q6Statues[2]"></a>
	        </div>
	        <div class="bf-right">
	            <a href=""></a>
	        </div>
	    </div>
    </div>
</div>

<div ng-show="q6Error">
    <div id="videopop">
        <div class="logo">
            <img src="img/logo.png" alt="logo"/>
        </div>
        <div class="txt">
            <img src="img/question6.png"/>
        </div>
        <div class="tv">
            <div id="video">
                <video id="q6Video" autobuffer width="100%" height="100%">
                    <source src="http://img.iboom.tv/static/img/480.mp4" type="video/mp4">
                </video>
            </div>
        </div>
        <a class="btn" ng-click="toResult()"></a>
    </div>
</div>

<div ng-show='showList[7]'>
    <div class="body-title">
        <img src="img/tname6.png" alt=""/>
    </div>
    <div class="answer-content">
        <span class="span1">{{ baseScore }}分</span>
        <div class="pingjia" ng-show='baseScore>637'>
        	<p class="p1">高出一本线<span ng-show="(baseScore-640)>0">{{ baseScore-640}}</span>分</p>
        	<p class="p2">超过全国<span>{{(((baseScore-600)/121).toFixed(2))*100>=100?"99.9":(((baseScore-600)/121).toFixed(2))*100}}%</span>的考生</p>
        </div>
        <div class="textbox" ng-show='baseScore<638'>
        	很遗憾， 您的分数基本与职业无缘了，复读一年，明年再考吧！
        </div>
        <div class="textbox" ng-show='baseScore>637&&baseScore<=666'>
        	目前只有LGD向你抛来橄榄枝，考虑一下？
        </div>
        <div class="textbox" ng-show='baseScore>666&&baseScore<=699'>
        	OMG和WE竟然同时向你抛出橄榄枝，看来你的水平与职业战队非常接近了。
        </div>
        <div class="textbox" ng-show='baseScore>699&&baseScore<=720'>
        	OMG，WE，EDG等各大战队已经为你争得头破血流！“妈妈，我的选择困难症犯了！”
        </div>
    </div>
    <div class="answer-foot">
        <div class="af-left">
            <a class="gdfu" href="" ng-show='baseScore<638'></a>
            <a class="jxnl" href="" ng-show='baseScore>637&&baseScore<=666'></a>
            <a class="zjzl" href="" ng-show='baseScore>666&&baseScore<=699'></a>
            <a class="xwzj" href="" ng-show='baseScore>699&&baseScore<=720'></a>
        </div>
        <div class="af-right" ng-click='showzz=true;'>
            <a class="wywh" href="" ng-show='baseScore<638'></a>
            <a class="xmyz" href="" ng-show='baseScore>637&&baseScore<=666'></a>
            <a class="ptdq" href="" ng-show='baseScore>666&&baseScore<=699'></a>
            <a class="bzxg" href="" ng-show='baseScore>699&&baseScore<=720'></a>
        </div>
    </div>
    <div class="zhezhao" ng-show='showzz' ng-click='showzz=false'>
    	<img src="img/zhezhao.png"/>
    </div>
</div>

<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/controller/controller.js"></script>
<div style="display: none">
    <script src="https://s13.cnzz.com/z_stat.php?id=1262284561&web_id=1262284561" language="JavaScript"></script>
    <script>
        var _czc = _czc || [];
        _czc.push(["_setAccount", "1262284561"]);
        function getQueryStringByName(name) {
            var result = location.search.match(new RegExp("[\?\&]" + name + "=([^\&]+)", "i"));
            if (result == null || result.length < 1) {
                return "";
            }
            return result[1];
        }
        var from = getQueryStringByName("from");
        _czc.push(["_trackEvent", "来源", "来源", "毕业考试推广", from ? from : "分享", "0"]);

    </script>
</div>
</body>
</html>